<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form autocomplete="off">
    用户名：<input type="text" id="username">
    <span id="uSpan"></span>
    <br>
    密码：<input type="password" id="password">
    <br>
    <input type="submit" value="注册">
</form>
</body>


<script>
    //1. 给用户名绑定离焦事件
    $("#username").blur(function () {
        //2. 获取输入的用户名
        let username = this.value;  // this 表示当前操作的JS对象
        if (username != "") {
            //3. 发生异步请求去服务器校验
            $.post("userServlet", {"username": username}, function (data) {
                $("#uSpan").html(data);
            }, "text");
        }

    });

</script>


</html>